.box{
    display: flex;
    float: left;
    width: 100%;
    height: 90%;
}
.box-item{
    display: flex;
    width: 32%;
    height: 90%;
    background: #F7F7F7;
    float: right;
}

.box2{
position: relative;
position: fixed;
left: 73%;
top: 220px;
width: 309px;
height: 378px;
background: #FFFFFF;
border: 2px solid #C1C1C1;
border-radius: 4px;
}

.box-item2{
    position: relative;
position: fixed;
left: 73%;
top: 220px;
width: 309px;
height: 378px;
background: #FFFFFF;
border: 2px solid #C1C1C1;
border-radius: 4px;
}
#text1{
position: absolute;
left: 40%;
width: 62px;
height: 29px;
font-size: 30px;
font-family: SimSun;
font-weight: 1000;
color: #3B3B3B;
}

#text2{
position: absolute;
left: 29%;
top: 20%;
width: 40px;
height: 20px;
font-size: 20px;
font-family: SimSun;
font-weight: 400;
color: #8B5A3E;
}

#xian1{
position: absolute;
left: 28%;
top: 33%;
width: 49px;
height: 2px;
background: #8B5A3E;
border-radius: 1px;
}

#xian2{
position: absolute;
left: 50%;
top: 25%;
width: 1px;
height: 26px;
background: #C1C1C1;
}

#text3{
    position: absolute;
    left: 60%;
    top: 20%;
    width: 40px;
    height: 20px;
    font-size: 20px;
    font-family: SimSun;
    font-weight: 400;
    color: #C3C3C3;
    }
    
    #xian3{
    position: absolute;
    left: 59%;
    top: 33%;
    width: 49px;
    height: 2px;
    background: #C3C3C3;
    border-radius: 1px;
    }

.shuruk1{
    position: absolute;
    left: 10%;
    top: 43%;
}
.shuruk20{
    position: absolute;
    left: 10%;
    top: 25%;
}
.shuruk21{
    position: absolute;
    left: 10%;
    top: 37%;
}
.shuruk22{
    position: absolute;
    left: 10%;
    top: 49%;
}
.shuruk23{
    position: absolute;
    left: 10%;
    top: 61%;
}

    #tip01{
        width: 210px;
        height: 36px;
        background: #FBFBFB;
        border: 1px solid #C1C1C1;
        font-family: SimSun;
        font-weight: 400;
        color: #967562;
        padding: 0 0px 0 40px;
        background-image: url(./img/my.png);
        background-repeat: no-repeat;
        background-position: 10px 7px;
      }

    #tip00{
        width: 210px;
        height: 36px;
        background: #FBFBFB;
        border: 1px solid #C1C1C1;
        font-family: SimSun;
        font-weight: 400;
        color: #967562;
        padding: 0 0px 0 40px;
    }
    #tip03{
        width: 100px;
        height: 36px;
        background: #FBFBFB;
        border: 1px solid #C1C1C1;
        font-family: SimSun;
        font-weight: 400;
        color: #967562;
        padding: 0 0px 0 40px;
    }
    #but2{
        position: absolute;
        top: 49%;
        left: 59%;
        width: 100px;
        height: 36px;
        padding: 0 0px 0 40px;
    }
    #but2 p{
        position: absolute;
        left: 12%;
        top: 0%;
        font-family: SimSun;
        font-weight: 400;
        color: #967562;
    }

      .shuruk2{
        position: absolute;
        left: 10%;
        top: 60%;
    }
    
        #tip02{
            width: 210px;
            height: 36px;
            background: #FBFBFB;
            border: 1px solid #C1C1C1;
            font-family: SimSun;
            font-weight: 400;
            color: #967562;
            padding: 0 0px 0 40px;
            background-image: url(./img/lock.png);
            background-repeat: no-repeat;
            background-position: 10px 7px;
          }
    
          .but{
            border: none;
            position: absolute;
            left: 13%;
            top: 80%;
            width: 245px;
            height: 36px;
            background: #9A7659;
          }
          #zhuce{
            position: absolute;
            left: 50%;
            top: 89%;
            width: 150px;
            font-size: 14px;
            font-family: SimSun;
            font-weight: 200;
            color: #b4b3b3;
          }